<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .left-fix {
            float: left;
        }
        .right-fix {
            float: right;
        }
        .clearfix::after {
            content: "";
            display: block;
            clear: both;
        }
        .container {
            width: 960px;
            margin: 0 auto;
            text-align: center;
        }
        .logo {
            width: 200px;
        }
        .banner1 {
            width: 540px;
            margin: 0 10px;
        }
        .banner2 {
            width: 200px;
        }
        .logo, .banner1, .banner2 {
            height: 80px;
            background-color: #ccc;
            line-height: 80px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="page-header clearfix">
            <div class="logo left-fix">logo</div>
            <div class="banner1 left-fix">banner1</div>
            <div class="banner2 left-fix">banner2</div>
        </div>
    </div>
</body>
</html>